<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
		</style>
	</head>
	<body>
		<button id="bid">按钮1</button>
		<button class="bclass">按钮2</button>
		<button name="bname">按钮3</button>
		<button>按钮4</button>
		<button type="btype">按钮5</button>
		<button>按钮6</button>
		<script type="text/javascript">
			let b1=document.getElementById("bid") 
			console.log(b1);
			let b2 = document.getElementsByClassName("bclass")
			console.log(b2[0]);
			let b3 =document.getElementsByName("bname")
			console.log(b3[0]);
			let b4 = document.getElementsByTagName("button")
			console.log(b4[3]);
			let b5 = document.querySelector("button[type = btype]")/*用的属性选择器 3.2*/
			console.log(b5);
			let b6 = document.querySelectorAll("button")//用标签选择器 选择了123456
			console.log(b6[5]);
		</script>
	</body>
</html>
